<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /* 组织一来就调用js内容*/
        window.onload = function () {
            var btn = document.getElementById("btn");
            btn.onclick = click ;
            function click() {
                alert("hahahhaha");
            }
        }

    </script>
</head>
<body>
<button id="btn"  class="mybtn" name = "click">快点我</button>
<button  class="mybtn">快点我</button>
<script type="text/html">
//    // emcscript  bom dom---javascript
//    //所有全局变量都是window的属性
//    var str = "rose";
//    console.log(str);
//    console.log(window.str);
//    //所有全局函数都是window的方法
//    function func() {
//        console.log("dsdffsddd");
//    }
//    func();
//    window.func();
    alert("shdvkc");
    window.alert("sklx");
</script>
<script type="text/html">
    //获取文档
//    console.log(window.document);
    //事件
    /*
    * 事件源 ----标签
    * 事件 ----按下 鼠标经过
    * 事件驱动----产生的结果
    * 事件获取  绑定事件
    * */
/*************************获取事件源*************************************/
 /*var btn = document.getElementById("btn");
    console.log(btn);
    var btn2 = document.getElementsByClassName("mybtn")[0];
    console.log(btn2);
    var btn3 = document.getElementsByTagName("button")[0];
    var btn4 = document.getElementsByName("click")[0];
    var btn5 = document.querySelector("mybtn");
    var btn6 = document.querySelectorAll("mybtn")[0];
    console.log(btn3);
    console.log(btn4);
    console.log(btn5);*/
    /*****************绑定事件*********************************/
    var btn = document.getElementById("btn");
    //method 1 匿名函数
    btn.onclick = function () {
        alert("hahahhaha");
    }
    //method 2  调用方法函数
    btn.onclick = click ;
    function click() {
        alert("hahahhaha");
    }
</script>
</body>
</html>